<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
>
<head th:include="admin/partial/bg_template::bg_header">
</head>

<body class="nav-md">
<div class="container body">
    <div class="main_container">
        <div class="col-md-3 left_col" th:include="admin/partial/bg_template::bg_sidebar">
        </div>

        <!-- top navigation -->
        <div class="top_nav" th:include="admin/partial/bg_template::top_nav">
        </div>
        <!-- /top navigation -->

        <!-- page content -->
        <div class="right_col" role="main" style="min-height: 916px;">
            <div class="">
                <div class="page-title">
                    <div class="title_left">
                        <h3>账户资料</h3>
                    </div>

                    <div class="title_right">
                        <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="Search for..." readonly>
                    <span class="input-group-btn">
                      <button class="btn btn-default" type="button">Go!</button>
                    </span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="clearfix"></div>

                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2 th:text="${pageName}"><small>Activity report</small></h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">Settings 1</a>
                                            </li>
                                            <li><a href="#">Settings 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <!--用户资料-->
                            <div class="x_content">
                                <form class="form-horizontal form-label-left" th:action="@{/article/addModel}"
                                      method="post" enctype="multipart/form-data">
                                    <!--用户资料左-->
                                    <div class="col-md-3 col-sm-3 col-xs-12 profile_left">
                                        <div class="profile_img">
                                            <div id="crop-avatar">
                                                <!-- Current avatar -->
                                                <img class="img-responsive avatar-view"
                                                     th:src="@{/build/img/picture.jpg}" alt="Avatar"
                                                     title="Change the avatar">
                                            </div>
                                        </div>
                                        <h3>别名</h3>
                                        <input class="btn btn-warning" type="file" name="file"/>
                                        <br>
                                    </div>
                                    <!--用户资料 右-->
                                    <div class="col-md-9 col-sm-9 col-xs-12">

                                        <span class="section">Model Info</span>
                                        <!--RealName-->
                                        <div class="item form-group">
                                            <label class="control-label col-md-1 col-sm-3 col-xs-12"
                                                   for="name">真名：</label>

                                            <div class="col-md-3 col-sm-6 col-xs-12">
                                                <input id="name" class="form-control col-md-7 col-xs-12"
                                                       data-validate-length-range="6" data-validate-words="2"
                                                       name="realname" placeholder="realname" required="required"
                                                       type="text">
                                            </div>
                                            <label class="control-label col-md-1 col-sm-3 col-xs-12"
                                                   for="name">别名：</label>

                                            <div class="col-md-3 col-sm-6 col-xs-12">
                                                <input id="alias" class="form-control col-md-7 col-xs-12"
                                                       data-validate-length-range="6" data-validate-words="2"
                                                       name="alias" placeholder="alias" required="required" type="text">
                                            </div>
                                            </div>
                                        <!--出生日期&出生地-->
                                        <div class="item form-group">
                                            <label class="control-label col-md-1 col-sm-3 col-xs-12"
                                                   for="name">出生日期：</label>

                                            <div class="col-md-3 col-sm-6 col-xs-12">
                                                <input id="birthday" class="form-control col-md-7 col-xs-12"
                                                       data-validate-length-range="6" data-validate-words="2"
                                                       name="birthdate" placeholder="birthday" required="required"
                                                       type="text"/>
                                            </div>
                                            <label class="control-label col-md-1 col-sm-3 col-xs-12"
                                                   for="name">出生地：</label>

                                            <div class="col-md-3 col-sm-6 col-xs-12">
                                                <input id="address" class="form-control col-md-7 col-xs-12"
                                                       data-validate-length-range="6" data-validate-words="2"
                                                       name="address" placeholder="address" required="required"
                                                       type="text">
                                            </div>
                                            </div>

                                        <!--国家 & 3wei-->
                                        <div class="item form-group">
                                            <label class="control-label col-md-1 col-sm-3 col-xs-12"
                                                   for="name">国别：</label>

                                            <div class="col-md-3 col-sm-6 col-xs-12">
                                                <select class="form-control col-md-7 col-xs-12" name="country">
                                                    <option th:text="@{中国}" th:value="@{中国}">1</option>
                                                    <option th:text="@{美国}" th:value="@{美国}">1</option>
                                                    <option th:text="@{俄罗斯}" th:value="@{俄罗斯}">1</option>
                                                    <option th:text="@{捷克}" th:value="@{捷克}">1</option>
                                                    <option th:text="@{乌克兰}" th:value="@{乌克兰}">1</option>
                                                    <option th:text="@{其他}" th:value="@{其他}">1</option>
                                                </select>
                                            </div>
                                            <label class="control-label col-md-1 col-sm-3 col-xs-12"
                                                   for="name">三围：</label>

                                            <div class="col-md-3 col-sm-6 col-xs-12">
                                                <input id="measurements" class="form-control col-md-7 col-xs-12"
                                                       data-validate-length-range="6" data-validate-words="2"
                                                       name="measurements" placeholder="measurements"
                                                       required="required" type="text">
                                            </div>
                                            </div>
                                        <!--身高&体重-->
                                        <div class="item form-group">
                                            <label class="control-label col-md-1 col-sm-3 col-xs-12"
                                                   for="name">身高：</label>

                                            <div class="col-md-3 col-sm-6 col-xs-12">
                                                <input id="Height" class="form-control col-md-7 col-xs-12"
                                                       data-validate-length-range="6" data-validate-words="2"
                                                       name="height" placeholder="height" required="required"
                                                       type="text">
                                            </div>
                                            <label class="control-label col-md-1 col-sm-3 col-xs-12"
                                                   for="name">体重：</label>

                                            <div class="col-md-3 col-sm-6 col-xs-12">
                                                <input id="Weight" class="form-control col-md-7 col-xs-12"
                                                       data-validate-length-range="6" data-validate-words="2"
                                                       name="weight" placeholder="weight" required="required"
                                                       type="text">
                                            </div>
                                            </div>
                                        <!--评级&标签-->
                                        <div class="item form-group">
                                            <label class="control-label col-md-1 col-sm-3 col-xs-12"
                                                   for="name">评级：</label>

                                            <div class="col-md-3 col-sm-6 col-xs-12">
                                                <select class="form-control col-md-7 col-xs-12" name="rank">
                                                    <option th:text="@{五颗星}" th:value="@{5.0}">1</option>
                                                    <option th:text="@{四颗星}" th:value="@{4.0}">1</option>
                                                    <option th:text="@{三颗星}" th:value="@{3.0}">1</option>
                                                    <option th:text="@{二颗星}" th:value="@{2.0}">1</option>
                                                    <option th:text="@{一颗星}" th:value="@{1.0}">1</option>
                                                </select>
                                            </div>
                                            <label class="control-label col-md-1 col-sm-3 col-xs-12"
                                                   for="name">标签：</label>

                                            <div class="col-md-3 col-sm-6 col-xs-12">
                                                <input id="modellabel" class="form-control col-md-7 col-xs-12"
                                                       data-validate-length-range="6" data-validate-words="2"
                                                       name="modellabel" placeholder="modellabel" required="required"
                                                       type="text">
                                            </div>
                                            </div>
                                        <!--星座&血型-->
                                        <div class="item form-group">
                                            <label class="control-label col-md-1 col-sm-3 col-xs-12"
                                                   for="name">星座：</label>

                                            <div class="col-md-3 col-sm-6 col-xs-12">
                                                <select class="form-control col-md-7 col-xs-12" name="constellation">
                                                    <option th:text="@{白羊座}" th:value="@{白羊座}">1</option>
                                                    <option th:text="@{金牛座}" th:value="@{金牛座}">1</option>
                                                    <option th:text="@{双子座}" th:value="@{双子座}">1</option>
                                                    <option th:text="@{巨蟹座}" th:value="@{巨蟹座}">1</option>
                                                    <option th:text="@{狮子座}" th:value="@{狮子座}">1</option>
                                                    <option th:text="@{处女座}" th:value="@{处女座}">1</option>
                                                    <option th:text="@{天平座}" th:value="@{天平座}">1</option>
                                                    <option th:text="@{天蝎座}" th:value="@{天蝎座}">1</option>
                                                    <option th:text="@{射手座}" th:value="@{射手座}">1</option>
                                                    <option th:text="@{魔羯座}" th:value="@{魔羯座}">1</option>
                                                    <option th:text="@{水瓶座}" th:value="@{水瓶座}">1</option>
                                                    <option th:text="@{双鱼座}" th:value="@{双鱼座}">1</option>
                                                </select>
                                            </div>
                                            <label class="control-label col-md-1 col-sm-3 col-xs-12"
                                                   for="name">血型：</label>

                                            <div class="col-md-3 col-sm-6 col-xs-12">
                                                <select class="form-control col-md-7 col-xs-12" name="bloodtype">
                                                    <option th:text="@{B型}" th:value="@{B型}">1</option>
                                                    <option th:text="@{O型}" th:value="@{O型}">1</option>
                                                    <option th:text="@{A型}" th:value="@{A型}">1</option>
                                                    <option th:text="@{AB型}" th:value="@{AB型}">1</option>
                                                </select>
                                            </div>
                                            </div>
                                        <div class="item form-group">
                                            <label class="control-label col-md-1 col-sm-3 col-xs-12" for="textarea">介绍：
                                                <span class="required">*</span>
                                            </label>

                                            <div class="col-md-7 col-sm-6 col-xs-12">
                                                <textarea id="textarea" required="required" name="introduction"
                                                          class="form-control col-md-7 col-xs-12"></textarea>
                                            </div>
                                            </div>
                                        <div class="ln_solid"></div>
                                        <div class="form-group">
                                            <div class="col-md-6 col-md-offset-3">
                                                <!--观看数-->
                                                <input type="hidden" name="picsnumber" value="0"/>
                                                <input type="hidden" name="videonumber" value="0"/>
                                                <input type="hidden" name="career" value="模特"/>
                                                <input type="hidden" name="ding" value="0"/>
                                                <input type="hidden" name="cai" value="0"/>
                                                <button id="send" type="submit" class="btn btn-success">提交</button>
                                                <button type="submit" class="btn btn-primary">取消</button>
                                            </div>
                                            </div>

                                    </div>
                                </form>
                            </div>

                            <!--用户资料end-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /page content -->

        <!-- footer content -->
        <footer th:include="admin/partial/bg_template::footer_content">
        </footer>
        <!-- /footer content -->
    </div>
</div>

<div th:fragment="admin/partial/bg_template::bg_javascript">
    <!-- jQuery -->
    <script th:src="@{vendors/jquery/dist/jquery.min.js}" type="text/javascript"></script>
    <!-- Bootstrap -->
    <script th:src="@{vendors/bootstrap/dist/js/bootstrap.min.js}" type="text/javascript"></script>
    <!-- FastClick -->
    <script th:src="@{vendors/fastclick/lib/fastclick.js}" type="text/javascript"></script>
    <!-- NProgress -->
    <script th:src="@{vendors/nprogress/nprogress.js}" type="text/javascript"></script>
    <!-- iCheck -->
    <script th:src="@{vendors/iCheck/icheck.min.js}" type="text/javascript"></script>
    <!-- Datatables -->
    <script th:src="@{vendors/datatables.net/js/jquery.dataTables.min.js}" type="text/javascript"></script>
    <script th:src="@{vendors/datatables.net-bs/js/dataTables.bootstrap.min.js}" type="text/javascript"></script>
    <script th:src="@{vendors/datatables.net-buttons/js/dataTables.buttons.min.js}" type="text/javascript"></script>
    <script th:src="@{vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js}" type="text/javascript"></script>
    <script th:src="@{vendors/datatables.net-buttons/js/buttons.flash.min.js}" type="text/javascript"></script>
    <script th:src="@{vendors/datatables.net-buttons/js/buttons.html5.min.js}" type="text/javascript"></script>
    <script th:src="@{vendors/datatables.net-buttons/js/buttons.print.min.js}" type="text/javascript"></script>
    <script th:src="@{vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js}" type="text/javascript"></script>
    <script th:src="@{vendors/datatables.net-keytable/js/dataTables.keyTable.min.js}" type="text/javascript"></script>
    <script th:src="@{vendors/datatables.net-responsive/js/dataTables.responsive.min.js}" type="text/javascript"></script>
    <script th:src="@{vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js}" type="text/javascript"></script>
    <script th:src="@{vendors/datatables.net-scroller/js/dataTables.scroller.min.js}" type="text/javascript"></script>
    <script th:src="@{vendors/pdfmake/build/vfs_fonts.js}" type="text/javascript"></script>
    <script th:src="@{vendors/pdfmake/build/pdfmake.min.js}" type="text/javascript"></script>
    <!-- Custom Theme Scripts -->
    <script th:src="@{build/js/custom.min.js}" type="text/javascript"></script>
</div>
</body>
</html>